import logo from './logo.svg';
import './App.css';
import { Routes, Route} from "react-router-dom";

import Login from './page/login'
import Register from "./page/register";
import Main from './page/main.js'

import MGW1 from "./page/mgw/item1";
import MGW2 from "./page/mgw/item2";
import MGW3 from "./page/mgw/item3";

import MW1 from "./page/mw/item1";
import MW2 from "./page/mw/item2";
import MW3 from "./page/mw/item3";

import TTW1 from "./page/ttw/item1";
import TTW2 from "./page/ttw/item2";
import TTW3 from "./page/ttw/item3";

import XBW1 from "./page/xbw/item1";
import XBW2 from "./page/xbw/item2";
import XBW3 from "./page/xbw/item3";

// ====================================
import Admin from './page/admin/index'
import UserPage from './page/admin/user/index'
import MapPage from "./page/admin/map/index";

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Login />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
        <Route path="/admin" element={<Admin />}>
          <Route path="/admin/user" element={<UserPage />} />
          <Route path="/admin/mapping" element={<MapPage />} />
        </Route>
        <Route path="/m" element={<Main />}>
          <Route path="/m/mgw1" element={<MGW1 />} />
          <Route path="/m/mgw2" element={<MGW2 />} />
          <Route path="/m/mgw3" element={<MGW3 />} />

          <Route path="/m/mw1" element={<MW1 />} />
          <Route path="/m/mw2" element={<MW2 />} />
          <Route path="/m/mw3" element={<MW3 />} />

          <Route path="/m/ttw1" element={<TTW1 />} />
          <Route path="/m/ttw2" element={<TTW2 />} />
          <Route path="/m/ttw3" element={<TTW3 />} />

          <Route path="/m/xbw1" element={<XBW1 />} />
          <Route path="/m/xbw2" element={<XBW2 />} />
          <Route path="/m/xbw3" element={<XBW3 />} />
        </Route>
      </Routes>
    </div>
  );
}

export default App;
